

</div>
<div class="row-fluid ">
<form method="post"class="form-horizontal" action="index.php?Page=Newsletters&Action=%%GLOBAL_Action%%" onsubmit="return CheckForm()">


	<div class="span12">

                                <div class="page-header">

                                    <h2>
                                       %%GLOBAL_Heading%%
                                    </h2>
                                   
                               </div>
                                <div class="content" >
                                 <div class="alert alert-success">
                                    %%GLOBAL_Intro%%
</div>
              
				

				<div class="box">
				<input class="FormButton  btn btn-info nostyle" type="submit" value="%%LNG_Next%%">
				<input class="FormButton  CancelButton btn nostyle" type="button" value="%%LNG_Cancel%%" onClick='if(confirm("%%GLOBAL_CancelButton%%")) { document.location="index.php?Page=Newsletters" }'>
				</div>

				<div class="box">
					<div class="title">
						<h4>
							<span class="icon16 entypo-icon-write"></span>
							<span>%%GLOBAL_NewsletterDetails%%</span>
						</h4>
					</div>
				<div class="content">
							
							<div class="form-row row-fluid">
							  <div class="span8">
						    
							        <div class="row-fluid">
							            <label for="Name" class="form-label span4">	{template="Required"}
							%%LNG_NewsletterName%%:</label>
							            <input type="text" name="Name" class="Field250 span7 text" value="%%GLOBAL_Name%%">&nbsp;%%LNG_HLP_NewsletterName%%
							        </div>
							   
						
							        <div class="row-fluid">
							            <label for="Name" class="form-label span4">{template="Required"}
							%%LNG_NewsletterFormat%%:</label>

                                                    <div class="span7 controls">   
                                                       <select class="nostyle" name="Format" id="Format">
								%%GLOBAL_FormatList%%
							</select>
                                      
							</div> 
&nbsp;%%LNG_HLP_NewsletterFormat%%   
							        </div>
						
							    
							        <div class="row-fluid">
							            <label for="TemplateID" class="form-label span4">{template="Not_Required"}
							%%LNG_ChooseTemplate%%:</label>
							           
							<div class="span7 controls">   
                                                     %%GLOBAL_TemplateList%%   
							</div> 
							&nbsp;%%LNG_HLP_ChooseTemplate%%
							        </div>
							   
							</div>
							 <div class="span4">
								
									<div class="row-fluid">
										<div class="DisplayTemplateList" style="display: block; width: 98%; text-align: center; display: %%GLOBAL_DisplayTemplateList%%">
										<div><a href="javascript:void(0);" onclick="javascript:ShowPreview();"><img id="imgPreview" src="images/nopreview.gif" width="100%" height="100%" style="border: 1px solid black" onerror="this.src=images/nopreview.gif"></a></div>
										<div style="padding-top: 10px;"><a href="#" onclick="javascript: ShowPreview(); return false;"><img src="images/magnify.gif" border="0" style="padding-right:5px">%%LNG_Preview_Template%%</a></div>
										</div>
									</div>
								</div>
							</div>
							
							  	<div class="form-actions">
                                         
				<input class="FormButton  btn btn-info nostyle" type="submit" value="%%LNG_Next%%" />
							<input class="FormButton  btn nostyle" type="button" value="%%LNG_Cancel%%" onClick='if (confirm("%%GLOBAL_CancelButton%%")) { document.location="index.php?Page=Newsletters" }' />
                                        </div>
							  
							
                    </div>

	</div>

</form>


<script>
	function CheckForm() {
		var f = document.forms[0];
		if (f.Name.value == '') {
			alert("%%LNG_EnterNewsletterName%%");
			f.Name.focus();
			return false;
		}
	}

	$('#Format').change(function() {
		// Hide the template preview if a text campaign was selected
		if($(this).val() == 't') {
			$('.DisplayTemplateList').hide();
		}
		else {
			$('.DisplayTemplateList').show();
		}
	});

</script>

</div>

<div class="row-fluid">

